
<!doctype html>
<html>
  <head>
      <!-- <script src="//archive.org/includes/analytics.js?v=cf34f82" type="text/javascript"></script>
<script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app102.us.archive.org';v.server_ms=528;archive_analytics.send_pageview({});});</script><script type="text/javascript" src="/_static/js/playback.bundle.js?v=xTFGO54E" charset="utf-8"></script>
<script type="text/javascript" src="/_static/js/wombat.js?v=UHAOicsW" charset="utf-8"></script>
<script type="text/javascript">
  __wm.init("https://web.archive.org/web");
  __wm.wombat("http://workshop.chromeexperiments.com:80/examples/gui/","20200111083027","https://web.archive.org/","web","/_static/",
	      "1578731427");
</script>
<link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=omkqRugM" />
<link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=qtvMKcIJ" /> -->
<!-- End Wayback Rewrite JS Include -->

    <title>dat.GUI</title>
    <link rel="stylesheet" href="./css/examples.css"/>
    <!-- <link rel="icon" type="image/jpg" href="https://web.archive.org/web/20200111083027im_/http://chromeexperiments.com/img/chromeexp_avatar.jpg"/> -->

    <!--[if lte IE 8]>
      <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis:300,500,700' rel='stylesheet' type='text/css'>
    <![endif]-->

  </head>
  <body><!-- BEGIN WAYBACK TOOLBAR INSERT -->
<style type="text/css">
body {
  margin-top:0 !important;
  padding-top:0 !important;
  /*min-width:800px !important;*/
}
</style>
<!-- <script>__wm.rw(0);</script> -->
<!-- <div id="wm-ipp-base" lang="en" style="display:none;direction:ltr;">
<div id="wm-ipp" style="position:fixed;left:0;top:0;right:0;">
<div id="wm-ipp-inside">
  <div style="position:relative;">
    <div id="wm-logo" style="float:left;width:110px;padding-top:12px;">
      <a href="/web/" title="Wayback Machine home page"><img src="/_static/images/toolbar/wayback-toolbar-logo-200.png" srcset="/_static/images/toolbar/wayback-toolbar-logo-100.png, /_static/images/toolbar/wayback-toolbar-logo-150.png 1.5x, /_static/images/toolbar/wayback-toolbar-logo-200.png 2x" alt="Wayback Machine" style="width:100px" border="0" /></a>
    </div>
    <div class="r" style="float:right;">
      <div id="wm-btns" style="text-align:right;height:25px;">
                  <div id="wm-save-snapshot-success">success</div>
          <div id="wm-save-snapshot-fail">fail</div>
          <a id="wm-save-snapshot-open" href="#"
	     title="Share via My Web Archive" >
            <span class="iconochive-web"></span>
          </a>
          <a href="https://archive.org/account/login.php"
             title="Sign In"
             id="wm-sign-in"
          >
            <span class="iconochive-person"></span>
          </a>
          <span id="wm-save-snapshot-in-progress" class="iconochive-web"></span>
        	<a href="http://faq.web.archive.org/" title="Get some help using the Wayback Machine" style="top:-6px;"><span class="iconochive-question" style="color:rgb(87,186,244);font-size:160%;"></span></a>
	<a id="wm-tb-close" href="#close" onclick="__wm.h(event);return false;" style="top:-2px;" title="Close the toolbar"><span class="iconochive-remove-circle" style="color:#888888;font-size:240%;"></span></a>
      </div>
      <div id="wm-share">
          <a href="/web/20200111083027/http://web.archive.org/screenshot/http://workshop.chromeexperiments.com/examples/gui/"
             id="wm-screenshot"
             title="screenshot">
            <span class="wm-icon-screen-shot"></span>
          </a>
          <a href="#"
            id="wm-video"
            title="video">
            <span class="iconochive-movies"></span>
          </a>
	<a id="wm-share-facebook" href="#" data-url="https://web.archive.org/web/20200111083027/http://workshop.chromeexperiments.com:80/examples/gui/" title="Share on Facebook" style="margin-right:5px;" target="_blank"><span class="iconochive-facebook" style="color:#3b5998;font-size:160%;"></span></a>
	<a id="wm-share-twitter" href="#" data-url="https://web.archive.org/web/20200111083027/http://workshop.chromeexperiments.com:80/examples/gui/" title="Share on Twitter" style="margin-right:5px;" target="_blank"><span class="iconochive-twitter" style="color:#1dcaff;font-size:160%;"></span></a>
      </div>
    </div>
    <table class="c" style="">
      <tbody>
	<tr>
	  <td class="u" colspan="2">
	    <form target="_top" method="get" action="/web/submit" name="wmtb" id="wmtb"><input type="text" name="url" id="wmtbURL" value="http://workshop.chromeexperiments.com/examples/gui/" onfocus="this.focus();this.select();" /><input type="hidden" name="type" value="replay" /><input type="hidden" name="date" value="20200111083027" /><input type="submit" value="Go" /></form>
	  </td>
	  <td class="n" rowspan="2" style="width:110px;">
	    <table>
	      <tbody> -->
		<!-- NEXT/PREV MONTH NAV AND MONTH INDICATOR -->
		<!-- <tr class="m">
		  <td class="b" nowrap="nowrap"><a href="https://web.archive.org/web/20191207161420/http://workshop.chromeexperiments.com/examples/gui/" title="07 Dec 2019"><strong>Dec</strong></a></td>
		  <td class="c" id="displayMonthEl" title="You are here: 08:30:27 Jan 11, 2020">JAN</td>
		  <td class="f" nowrap="nowrap"><a href="https://web.archive.org/web/20200227175632/http://workshop.chromeexperiments.com:80/examples/gui/" title="27 Feb 2020"><strong>Feb</strong></a></td>
		</tr> -->
		<!-- NEXT/PREV CAPTURE NAV AND DAY OF MONTH INDICATOR -->
		<!-- <tr class="d">
		  <td class="b" nowrap="nowrap"><a href="https://web.archive.org/web/20191218030105/https://workshop.chromeexperiments.com/examples/gui/" title="03:01:05 Dec 18, 2019"><img src="/_static/images/toolbar/wm_tb_prv_on.png" alt="Previous capture" width="14" height="16" border="0" /></a></td>
		  <td class="c" id="displayDayEl" style="width:34px;font-size:24px;white-space:nowrap;" title="You are here: 08:30:27 Jan 11, 2020">11</td>
		  <td class="f" nowrap="nowrap"><a href="https://web.archive.org/web/20200206114828/http://workshop.chromeexperiments.com:80/examples/gui" title="11:48:28 Feb 06, 2020"><img src="/_static/images/toolbar/wm_tb_nxt_on.png" alt="Next capture" width="14" height="16" border="0" /></a></td>
		</tr> -->
		<!-- NEXT/PREV YEAR NAV AND YEAR INDICATOR -->
		<!-- <tr class="y">
		  <td class="b" nowrap="nowrap"><a href="https://web.archive.org/web/20181229123627/http://workshop.chromeexperiments.com:80/examples/gui/" title="29 Dec 2018"><strong>2018</strong></a></td>
		  <td class="c" id="displayYearEl" title="You are here: 08:30:27 Jan 11, 2020">2020</td>
		  <td class="f" nowrap="nowrap"><a href="https://web.archive.org/web/20210420051329/http://workshop.chromeexperiments.com/examples/gui/" title="20 Apr 2021"><strong>2021</strong></a></td>
		</tr>
	      </tbody>
	    </table>
	  </td>
	</tr>
	<tr>
	  <td class="s">
	    	    <div id="wm-nav-captures">
	      	      <a class="t" href="/web/20200111083027*/http://workshop.chromeexperiments.com/examples/gui/" title="See a list of every capture for this URL">309 captures</a>
	      <div class="r" title="Timespan for captures of this URL">12 Nov 2011 - 20 Apr 2021</div>
	      </div>
	  </td>
	  <td class="k">
	    <a href="" id="wm-graph-anchor">
	      <div id="wm-ipp-sparkline" title="Explore captures for this URL" style="position: relative">
		<canvas id="wm-sparkline-canvas" width="650" height="27" border="0"></canvas>
	      </div>
	    </a>
	  </td>
	</tr>
      </tbody>
    </table>
    <div style="position:absolute;bottom:0;right:2px;text-align:right;">
      <a id="wm-expand" class="wm-btn wm-closed" href="#expand" onclick="__wm.ex(event);return false;"><span id="wm-expand-icon" class="iconochive-down-solid"></span> <span style="font-size:80%">About this capture</span></a>
    </div>
  </div>
    <div id="wm-capinfo" style="border-top:1px solid #777;display:none; overflow: hidden">
                    <div id="wm-capinfo-collected-by">
    <div style="background-color:#666;color:#fff;font-weight:bold;text-align:center">COLLECTED BY</div>
    <div style="padding:3px;position:relative" id="wm-collected-by-content">
            <div style="display:inline-block;vertical-align:top;width:50%;">
			<span class="c-logo" style="background-image:url(https://archive.org/services/img/alexacrawls);"></span>
		Organization: <a style="color:#33f;" href="https://archive.org/details/alexacrawls" target="_new"><span class="wm-title">Alexa Crawls</span></a>
		<div style="max-height:75px;overflow:hidden;position:relative;">
	  <div style="position:absolute;top:0;left:0;width:100%;height:75px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,255) 100%);"></div>
	  Starting in 1996, <a href="http://www.alexa.com/">Alexa Internet</a> has been donating their crawl data to the Internet Archive.  Flowing in every day, these data are added to the <a href="http://web.archive.org/">Wayback Machine</a> after an embargo period.
	</div>
	      </div>
      <div style="display:inline-block;vertical-align:top;width:49%;">
			<span class="c-logo" style="background-image:url(https://archive.org/services/img/alexacrawls)"></span>
		<div>Collection: <a style="color:#33f;" href="https://archive.org/details/alexacrawls" target="_new"><span class="wm-title">Alexa Crawls</span></a></div>
		<div style="max-height:75px;overflow:hidden;position:relative;">
	  <div style="position:absolute;top:0;left:0;width:100%;height:75px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,255) 100%);"></div>
	  Starting in 1996, <a href="http://www.alexa.com/">Alexa Internet</a> has been donating their crawl data to the Internet Archive.  Flowing in every day, these data are added to the <a href="http://web.archive.org/">Wayback Machine</a> after an embargo period.
	</div>
	      </div>
    </div>
    </div>
    <div id="wm-capinfo-timestamps">
    <div style="background-color:#666;color:#fff;font-weight:bold;text-align:center" title="Timestamps for the elements of this page">TIMESTAMPS</div>
    <div>
      <div id="wm-capresources" style="margin:0 5px 5px 5px;max-height:250px;overflow-y:scroll !important"></div>
      <div id="wm-capresources-loading" style="text-align:left;margin:0 20px 5px 5px;display:none"><img src="/_static/images/loading.gif" alt="loading" /></div>
    </div>
    </div>
  </div></div></div></div><div id="wm-ipp-print">The Wayback Machine - https://web.archive.org/web/20200111083027/http://workshop.chromeexperiments.com:80/examples/gui/</div>
<div id="donato" style="position:relative;width:100%;">
  <div id="donato-base">
    <iframe id="donato-if" src="https://archive.org/includes/donate.php?as_page=1&amp;platform=wb&amp;referer=https%3A//web.archive.org/web/20200111083027/http%3A//workshop.chromeexperiments.com%3A80/examples/gui/"
	    scrolling="no" frameborder="0" style="width:100%; height:100%">
    </iframe>
  </div>
</div><script type="text/javascript">
__wm.bt(650,27,25,2,"web","http://workshop.chromeexperiments.com/examples/gui/","20200111083027",1996,"/_static/",["/_static/css/banner-styles.css?v=omkqRugM","/_static/css/iconochive.css?v=qtvMKcIJ"], false);
  __wm.rw(1);
</script> -->
<!-- END WAYBACK TOOLBAR INSERT -->

    <!--[if lte IE 8]>
      <p class="old">
        <strong>Hello. Welcome to the Chrome Experiments Workshop.</strong><br /><br />
        This page is designed for modern desktop browsers, such as the latest versions of <a href="http://www.google.com/chrome">Google Chrome</a>, <a href="http://www.getfirefox.com/">Firefox</a>, <a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.opera.com/">Opera</a>, or <a href="http://microsoft.com/ie">Internet Explorer</a>.<br /><br />Please update your browser and come on back.
      </p>
    <![endif]-->

    <!--[if gt IE 8]><!-->
      <script type="text/javascript" src="./gui/main.js"></script>
    <!--<![endif]-->

    <!-- <script type="text/javascript">

      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//web.archive.org/web/20200111083027/http://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-54281900-1', 'auto');
      ga('send', 'pageview');

    </script> -->
  </body>
</html>
<!--
     FILE ARCHIVED ON 08:30:27 Jan 11, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:01:37 Jul 15, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
<!--
playback timings (ms):
  LoadShardBlock: 340.599 (3)
  captures_list: 380.376
  RedisCDXSource: 0.822
  esindex: 0.01
  CDXLines.iter: 22.796 (3)
  PetaboxLoader3.resolve: 65.511
  exclusion.robots: 0.375
  PetaboxLoader3.datanode: 222.285 (5)
  exclusion.robots.policy: 0.362
  load_resource: 140.003 (2)
-->